﻿
@model  ServeNHL.Models.UserViewModel 
    
@{
    var user = Model.user;
    var contact = Model.contact;
    ViewBag.Title = "AccountManage";
    Layout = "~/Views/Shared/_Layout.cshtml";
}








<div class="row">
    <div class="spacer5"></div>
    <div class="manageheader col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
        <div class="headerName">@Html.Raw(contact.FIRST_NAME) @Html.Raw(contact.LAST_NAME)</div>
        <div class="headerEmail">Your Serve ID is @Html.Raw(contact.EMAIL)</div>
    </div>
</div>

<div class="row">
    <div class="spacer5"></div>
    <div class="spacerboot col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
    <div class="manageaccount col-lg-2 col-md-2 col-sm-2 col-xs-2">Account</div>
    <div class="manageserve col-lg-2 col-md-2 col-sm-2 col-xs-2">Name</div>
    <div class="manageserve col-lg-2 col-md-2 col-sm-2 col-xs-2">Serve ID</div>
    <div class="managephone col-lg-2 col-md-2 col-sm-2 col-xs-2">Phone</div>
    <div class="managepassword col-lg-2 col-md-2 col-sm-2 col-xs-2">Password</div>
    

</div>

<div class="row">

    


    <div class="spacerboot col-lg-2 col-md-2 col-sm-2 col-xs-2">@Html.Raw(ViewBag.error)</div>
    <div class="spacerboot col-lg-2 col-md-2 col-sm-2 col-xs-2"></div>
    <div class="manageserve col-lg-2 col-md-2 col-sm-2 col-xs-2">@Html.Raw(contact.FIRST_NAME) @Html.Raw(contact.LAST_NAME)</div>
    <div class="manageserve col-lg-2 col-md-2 col-sm-2 col-xs-2">@Html.Raw(contact.EMAIL)</div>
    <div class="managephone col-lg-2 col-md-2 col-sm-2 col-xs-2">@Html.Raw(contact.PHONE)</div>
    <div class="managepassword col-lg-2 col-md-2 col-sm-2 col-xs-2">********</div>
    
</div>

@using (Html.BeginForm("Edit", "User"))
{
    
<div class="row">
   

    <div class="changenothing col-lg-2 col-md-2 col-sm-2 col-xs-2">
       
    </div>

    <div class="changenothing col-lg-2 col-md-2 col-sm-2 col-xs-2">

    </div>

    <div class="changenothing col-lg-2 col-md-2 col-sm-2 col-xs-2">
        <div class="name box">
            
            <div class="spacer0"></div>
            <input type="text" placeholder="New First Name" name="newfirst">
            <div class="spacer0"></div>
            <input type="text" placeholder="New Last Name" name="newLast">
            <div class="spacer0"></div>

        </div>
    </div>

    <div class="changenothing col-lg-2 col-md-2 col-sm-2 col-xs-2">
        <div class="blue box">
            <div class="spacer0"></div>
            <input type="text" placeholder="New Email" name="newemail">
            <div class="spacer0"></div>
            <input type="text" placeholder="Confirm Email" name="confirmnewemail">
            <div class="spacer0"></div>

        </div>
    </div>


    <div class="changenothing col-lg-2 col-md-2 col-sm-2 col-xs-2">
        <div class="green box">
            <div class="spacer0"></div>
            <input type="text" placeholder="New Phone #" name="newphone">
            <div class="spacer0"></div>
            <input type="text" placeholder="Confirm Phone #" name="confirmnewphone">
        </div>
    </div>


    <div class="changenothing col-lg-2 col-md-2 col-sm-2 col-xs-2">
        <div class="black box">
            <div class="spacer0"></div>
            <input type="password" placeholder="New Password" name="newpassword">
            <div class="spacer0"></div>
            <input type="password" placeholder="Confirm Password" name="confirmnewpassword">
        </div>
    </div>

   



</div>





<div class="spacer8"></div>

<div class="row">
 
    <div class="managebutton col-lg-2 col-md-2 col-sm-2 col-xs-2 text-center">
       
    </div>
    <div class="managebutton col-lg-2 col-md-2 col-sm-2 col-xs-2 text-left">
       
    </div>
    
    <div class="managebutton col-lg-2 col-md-2 col-sm-2 col-xs-2 text-left">
        <input type="button" value="Change Name">
    </div>

    <div class="managebutton col-lg-2 col-md-2 col-sm-2 col-xs-2 text-left">
        <input type="button" value="Change Email">
    </div>

    <div class="managebutton col-lg-2 col-md-2 col-sm-2 col-xs-2 text-left">
        <input type="button" value="Change Phone">
    </div>
    <div class="managebutton col-lg-2 col-md-2 col-sm-2 col-xs-2 text-left">
        <input type="button" value="Change Password">
    </div>
    
            </div>




<div class="spacer9"></div>


<div class="row">
    <div class="managebutton col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
        <input type="submit" value="Submit">
    </div>
</div>
}
        <script type="text/javascript">
            $(document).ready(function () {
                $(".name").hide();
                $(".black").hide();
                $(".blue").hide();
                $(".green").hide();
                $('input[type="button"]').click(function () {
                    if ($(this).attr("value") == "Change Name") {
                        $(".name").toggle();
                    }
                    if ($(this).attr("value") == "Change Password") {
                        $(".black").toggle();
                    }
                    if ($(this).attr("value") == "Change Phone") {
                        $(".green").toggle();
                    }
                    if ($(this).attr("value") == "Change Email") {
                        $(".blue").toggle();
                    }
                });
            });
        </script>

        @section Scripts{
            @Scripts.Render("~/Scripts/servenhl.js")
        }
